<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>jQuery实现JSONP</title>
</head>
<body>
<div id="mydiv">
  <button id="btn">点击</button>
</div>
</body>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script type="text/javascript">
  $(function(){
    $("#btn").click(function(){
      $.ajax({
        async : true,
        url : "https://api.douban.com/v2/book/search",
        type : "GET",
        dataType : "jsonp", // 返回的数据类型，设置为JSONP方式
        jsonp : 'callback', //指定一个查询参数名称来覆盖默认的 jsonp 回调参数名 callback
        jsonpCallback: 'handleResponse', //设置回调函数名
        data : {
          q : "javascript",
          count : 1
        },
        success: function(response, status, xhr){
          console.log('状态为：' + status + ',状态是：' + xhr.statusText);
          console.log(response);
        }
      });
    });
  });
</script>
</html>
